<%@ include file="/common/taglibs.jsp"%>

<head>
    <title><fmt:message key="promocionEstacioneslist.title"/></title>
    <meta name="heading" content="<fmt:message key='promocionEstacioneslist.heading'/>"/>    
</head>

<form:form id="agregarEstaciones">
<input type="hidden"  id="coPromocionPuntos" name="coPromocionPuntos" value="${promocionPuntos.id}"/>

<c:set var="buttons">

    <input type="button" class="button" 
        onclick="modificarEstaciones(${sizeList},${promocionPuntos.id})"
        value="<fmt:message key="button.save"/>"/>

	  <input type="button"  class="button"  
	    onclick="location.href='<c:url value="/promocionPuntos/promocionPuntosForm.html?id=${promocionPuntos.id}&amp;from=list"/>'"
	    value="<fmt:message key="button.done"/>"/>
	    
	  <input type="button" onclick="location.href='<c:url value="/mainMenu.html"/>'"
       	value="<fmt:message key="button.cancel"/>"/>	
			  
</c:set>

<li>
	<div class="group" style="width:300px">	
		<div>
	        <appfuse:label styleClass="desc" key="promocion.puntos.descripcion"/>
			${promocionPuntos.dePromocionPuntos}	
		</div>	
	</div>
</li>
<c:out value="${buttons}" escapeXml="false" />
<display:table name="promocionEstaciones" cellspacing="0" cellpadding="0" requestURI="" 
    id="estaciones" pagesize="25" class="table" style="width: 700px" sort="page" >
    <display:column sortable="true"  property="codigoCofide" 
    titleKey="promocionPuntos.estaciones.codigoCofide" paramId="id" paramProperty="id"/>
    <display:column sortable="true" property="deEstacion" titleKey="common.nombre"/>
    <display:column title="<input type=\"checkbox\" onclick=\"marcarTodos(this,${sizeList})\">">
    	<input type="checkbox" id="${estaciones.id}" value="${estaciones.promocionEstacion}" 
    	<c:if test="${estaciones.estacionBool}">checked="checked"</c:if>/>
    </display:column>
    
</display:table>

<c:out value="${buttons}" escapeXml="false" />
</form:form>

<script type="text/javascript">

function marcarTodos(valor,nroEstaciones){

	var checkValor=valor.checked;
	if(checkValor){
		for(var i = 1; i <=nroEstaciones; i++)
	    {
			var checkEstacion=document.getElementById(i);
			checkEstacion.checked=true;
	    }
	}
	else{
		for(var i = 1; i <=nroEstaciones; i++)
	    {
			var checkEstacion=document.getElementById(i);
			checkEstacion.checked=false;
	    }
	}
}


function modificarEstaciones(nroEstaciones, idPromocionPuntos){

	var tablaEstaciones= document.getElementById("estaciones");
	
	//recuperando el body de la tabla
	var rowsByEstacion=document.getElementById("estaciones").children[1].children;

	var idEstacionesArray= new Array(rowsByEstacion.length);
	var	idPromocionEstacionArray= new Array(rowsByEstacion.length);
	var	idcheckBoxArray= new Array(rowsByEstacion.length);
	
	for(var i = 0; i <rowsByEstacion.length; i++)
    {
		var hijosFila=rowsByEstacion[i].children;
		
		for(var j=0; j<hijosFila.length;j++){
			var columna=hijosFila[j];
			
			//j==2 es la columna del checkBox, 
			if(j==2){
				idPromocionEstacionArray[i]=columna.children[0].value;
				idEstacionesArray[i]=columna.children[0].id;
				idcheckBoxArray[i]=columna.children[0].checked;
			}
		}
    }

	PromocionPuntosService.modificarEstacionPromocion(idEstacionesArray,idPromocionPuntos,
			idcheckBoxArray,idPromocionEstacionArray,rowsByEstacion.length,function(data){

			link = '<c:url value="/promocionPuntos/guardarestacionesform.html?id="/>' +idPromocionPuntos;				
			window.location = link;	
		});
	
}
</script>
<script type='text/javascript' src="<c:url value="/dwr/interface/PromocionPuntosService.js"/>"></script>